﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://open-ui.googlecode.com/svn/trunk/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="ol.wordCount.js" charset="gbk"></script>
<script>
$(document).ready(function(){
	ol.wordCount(".area", ".tip", 
	[{
		max:10, 
		exceedCallback:function(){
			//alert("字符超过限制");
		}
	},{
		max:20
	}]);

});
</script>
<style>
body{background:#fff;}
.a{padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;width:150px;background:#eee;}
.b{padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;}
</style>
</head>
<body>
<form autocomplete="off">
	<table width="500" border="0" class="ad" cellpadding="0" cellspacing="1" bgcolor="#999999" id="testTable">
		<tr bgcolor="#ffffff">
			<td align="left" class="b"><textarea  style="width:100%; height:200px" class="area">test测试</textarea></td>
		</tr>
		<tr bgcolor="#ffffff">
			<td align="left" class="a">
				已经输入的字数为：<span class="tip"></span>
			</td>
		</tr>
		<tr bgcolor="#ffffff">
			<td align="left" class="b">
				<textarea  style="width:100%; height:200px" class="area">我有n个数字</textarea>
			</td>
		</tr>
		<tr bgcolor="#ffffff">
			<td align="left" class="a">
				已经输入的字数为：<span class="tip"></span>
			</td>
		</tr>
	</table>
</form>
<!--Footer START-->
<script src="http://open-ui.googlecode.com/svn/trunk/function.js" type="text/javascript" charset='utf-8'></script>
<script type="text/javascript">
getFooter();
</script>
<!--Footer END-->
</body>
</html>